<template>
  <div>
    <article class="innerPage bookList">
      <header class="breadcrumb">
        <x-breadcrumb :path="$route.path" :title="$route.meta.breadcrumb" :startIndex="$route.meta.startIndex">
        </x-breadcrumb>
      </header>


      <div class="decorate"></div>
      <section class="graphical2">
        <div>
          <el-table :data="data" class="tableStyle" :header-cell-style="$headerCellStyle" :border="$isborder"
            size="mini" ref="elTable" stripe>
            <el-table-column :min-width="80" show-overflow-tooltip v-for="item in header" :prop="item.key" :label="item.value"
            label-class-name="indexColumn" align="center" >
          </el-table-column>
          </el-table>
        </div>
      </section>
    </article>
  </div>
</template>

<script>
export default {
  name: "AdminIndex",

  data() {
    return {
      header: [],
      data: []
    }

  },

  mounted() { },
  activated() {
    this.getData()
  },
  computed: {

  },
  methods: {
    getData(){
      this.request({url: 'admin/externalDataRecord/detail',data:{id: this.$route.query.id}}).then(res =>{
        console.log(res)
        this.header = res.content.content.header
        this.data = res.content.content.data
      }).catch(e =>{
        this.errorHandler(e)
      })
    }
  },
};
</script>

<style lang="scss" scoped>
@import "./style.scss";
</style>
